@import'./base';
header{
    height: 70px;
    width:100%;
    background-color: #fff;
    position: fixed;
    top:0px;
    left:0;
    width:100%;
    z-index: 9999;

    h1{
        width:84px;
        height:41px;
        float:left;
        margin-left: 12px;
        margin-top: 12px;
    
        a{
            display: block;
            width:84px;
            height:41px;
        
            img{
                width:100%;
                height:100%;
            }
        }
    }
    .nav{
        height:70px;
        width:460px;
        margin-left:15px;
        float:left;
    
        ul{
            height:100%;
            width:400px;
    
            li{
               height:70px;
               line-height: 70px;
               float:left; 
               margin-left:40px;
               
               a{
                   font-size:14px;
                   font-weight:600;
                   color:#333;
                   display: block;
                   height:70px;
               }
            }
        }
    }
    .search{
        height:70px;
        width:450px;
        float:left;
        margin-left:100px;
        position: relative;
    
        input{
            height:44px;
            width:431px;
            margin-top: 10px;
            padding-left:15px;
    
        }
    
        i{
            position: absolute;
            right:10px;
            top:26px;
            font-size:20px;
        }
        .search1{
           color:blue;
           font-size:14px;
           line-height: 20px;
        }
    }
    .login{
        width:380px;
        height:70px;
        float:right;
    
        ul{
            width:120px;
            height:70px;
            float:left;
            line-height: 70px;
            margin-left: 50px;
            position: relative;
    
            i{
                position: absolute;
                font-size:40px;
                left:-45px;
                top:2px;
            }
            li{
                float:left;
                height:70px;
                margin-left:10px;
    
                a{
                    display: block;
                    height:70px;
                    color:#333;
                }
            }
    
            span{
                float:left;
                margin-left:10px;
            }
        }
        .login-success{
            display: none;
        }
    
        .shopCar{
            height:70px;
            width:170px;
            float:left;
    
            i{
                float:left;
                font-size:25px;
                height:70px;
                line-height: 70px;
                margin-right: 10px;
            }
    
            a{
                display: block;
                height:70px;
                line-height: 70px;
                color:#333;
                b{
                    background-color: pink;
                    padding-left:5px;
                    color:blue;
                }
            }
        }
    }
    
}
